<template>
  <div class="w">
    <div class="header curpoit">
      <p class="linetobottom" @click="gobase">基本资料</p>
      <p @click="gonewpass">修改密码</p>
       <p @click="gonew">快捷登陆</p>
   
    </div>
    <div>
      <el-form :model="form" label-width="70px" :inline="true" :label-position="'left'">
        <el-form-item label="用户名">
          <el-input placeholder="即推广号" v-model="form.Pnumber"></el-input>
        </el-form-item>
        <el-form-item label="用户名">
          <el-input placeholder="可不填" v-model="form.username"></el-input>
        </el-form-item>
        <br />
        <el-form-item label="姓名">
          <el-input placeholder="同身份证一致" v-model="form.name"></el-input>
        </el-form-item>

        <el-form-item label="性别">
          <el-radio-group v-model="form.sex">
            <el-radio label="男"></el-radio>
            <el-radio label="女"></el-radio>
          </el-radio-group>
        </el-form-item>
        <el-row>
          <el-form-item label="地址">
            <el-select placeholder="请选择省份" v-model="form.province" style="width: 120px;">
              <el-option label="四川" value="四川省"></el-option>
            </el-select>
            <el-select placeholder="请选择市区" v-model="form.city" style="width: 120px;">
              <el-option label="广元市" value="广元市"></el-option>
            </el-select>

            <el-input style="width: 300px" placeholder="详细到门牌号（寄送合同用）"></el-input>
          </el-form-item>
        </el-row>
        <el-form-item label="手机号">
          <el-input placeholder="11位手机号" v-model="form.phoneNumber"></el-input>
        </el-form-item>
        <el-form-item>
          <el-link href="#" target="_blank">绑定手机</el-link>
        </el-form-item>
        <el-form-item>
          <el-link href="#" target="_blank">更换手机号</el-link>
        </el-form-item>
        <br />
        <el-form-item label="邮箱">
          <el-input v-model="form.email"></el-input>
        </el-form-item>
        <el-form-item>
          <el-link href="#" target="_blank">绑定邮箱</el-link>
        </el-form-item>
        <el-form-item>
          <el-link href="#" target="_blank">更换邮箱</el-link>
        </el-form-item>
        <br />
        <el-form-item label="QQ号">
          <el-input v-model="form.qqnumber"></el-input>
        </el-form-item>
        <br />
        <el-form-item label="微信号">
          <el-input v-model="form.wechat"></el-input>
        </el-form-item>
        <br />
        <el-form-item label="修改密码">
          <el-input v-model="form.password" placeholder="请输入密码" show-password></el-input>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        Pnumber: "",
        username: "",
        name: "",
        sex: "",
        province: "",
        city: "",
        county: "",
        phoneNumber: "",
        email: "",
        qqnumber: "",
        wechat: "",
        password: ""
      }
    };
  },
  methods: {
    onSubmit() {
      console.log("submit!");
    },
    gobase(){
        this.$router.push({path:"/Account/Mydata"})
    },
    gonewpass(){
        this.$router.push({path:"/Account/removepath"})
    },
    gonew(){
      this.$router.push({path:"/Account/Log2"})
    }
  }
};
</script>

<style scoped>
.basic-data {
  padding: 0 30px 20px 50px;
  background-color: #fff;
  margin-left: 15px;
}
</style>
